﻿@section styles{
    <link href="~/lib/AdminLTE/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" asp-append-version="true" />
    <link href="~/lib/AdminLTE/plugins/iCheck/all.css" rel="stylesheet" asp-append-version="true" />
    <link href="~/lib/AdminLTE/plugins/select2/select2.min.css" rel="stylesheet" asp-append-version="true" />
    <link href="~/css/base.css" rel="stylesheet" asp-append-version="true" />
    <!--editor.md-->
    <link href="~/lib/editor.md/css/editormd.min.css" rel="stylesheet" asp-append-version="true" />
    <!--bootstrap-tagsinput-->
    <link href="~/lib/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet" />
    <link href="~/lib/bootstrap-tagsinput/examples/assets/app.css" rel="stylesheet" />
    <link href="~/lib/AdminLTE/dist/css/AdminLTE.min.css" rel="stylesheet" />
}
@section scripts{
    <script src="~/lib/AdminLTE/plugins/select2/select2.full.min.js" asp-append-version="true"></script>
    <script src="~/lib/AdminLTE/plugins/iCheck/icheck.min.js" asp-append-version="true"></script>
    <!--editor.md-->
    <script src="~/lib/editor.md/editormd.min.js" asp-append-version="true"></script>
    <!--bootstrap-tagsinput-->
    <script src="~/lib/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js" asp-append-version="true"></script>
    <script src="~/view-resources/Views/Document/Edit.js" asp-append-version="true"></script>
}

<div class="content-wrapper" id="mainDiv" style="min-height: 935px;">

    <section class="content-header">
        <h1>
            <span>MarkDown编辑</span>
            <small id="title_sm">编辑</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href=""><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">系统管理</a></li>
            <li class="active">Markdown编辑器</li>
        </ol>
    </section>

    <section class="content">
        <div class="row form-horizontal">
            <div class="col-sm-12">
                <div class="box box-primary">
                    <div class="box-header bg-info" style="padding-bottom: 0">
                        <div class="row" style="padding-bottom:5px;">
                            <div class="col-sm-7">
                                <div clas="form-group">
                                    <input class="form-control" type="text" id="title" placeholder="请输入文章标题……">
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div clas="form-group">
                                    <input type="text" id="keywords" data-role="tagsinput" placeholder="关键字" style="display: none;" />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-sm-7">
                                <div class="col-sm-4">
                                    <select id="editormd-theme-select" class="form-control select2 select2-hidden-accessible" tabindex="-1" aria-hidden="true" style="width: 100%;">
                                        <option selected="selected" value="">工具栏样式</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <select id="editor-area-theme-select" class="form-control select2 select2-hidden-accessible" tabindex="-1" aria-hidden="true" style="width: 100%;">
                                        <option selected="selected" value="">编辑区样式</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <select id="preview-area-theme-select" class="form-control select2 select2-hidden-accessible" tabindex="-1" aria-hidden="true" style="width: 100%;">
                                        <option selected="selected" value="">预览区样式</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-sm-5 pull-right">
                                <div class="col-sm-6">
                                    <label class="control-label">
                                        <div class="icheckbox_flat-green" aria-checked="false" aria-disabled="false" style="position: relative;">
                                            <input type="checkbox" name="autoHeight" data-flag="icheck" class="square-green" id="autoHeight" style="position: absolute; opacity: 0;" />
                                        </div> 自适应高度
                                    </label>
                                    <input type="hidden" name="code" id="code" value="" />
                                </div>
                                <div class="col-sm-6 text-right">
                                    <div class="btn-group ">
                                        <button class="btn btn-default" id="backMD"><i class="fa fa-reply">&nbsp;&nbsp;返回</i></button>
                                        <button class="btn btn-primary" id="submitMD"><i class="fa fa-save">&nbsp;&nbsp;保存</i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div clas="box-body">
                        <div id="editormd" class="editormd editormd-vertical editormd-theme-default" style="width: 100%; height: 984px;">
                            <textarea class="editormd-markdown-textarea" id="editormd-markdown-textarea" name="editormd-markdown-doc" style="display:none;"></textarea>
                            <textarea class="editormd-html-textarea" id="editormd-html-textarea" name="editormd-html-code"></textarea>
                            
                            <div class="editormd-container-mask" style="display: none;"></div>
                            <div class="editormd-mask"></div>
                            <!--工具栏-->
                            <div class="editormd-toolbar" style="display: block; position: absolute; width: 100%; left: 0px;">
                                <div class="editormd-toolbar-container">
                                    <ul class="editormd-menu">
                                        <li><a href="javascript:;" title="撤销（Ctrl+Z）" unselectable="on"><i class="fa fa-undo" name="undo" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="重做（Ctrl+Y）" unselectable="on"><i class="fa fa-repeat" name="redo" unselectable="on"></i></a></li>
                                        <li class="divider" unselectable="on">|</li>
                                        <li><a href="javascript:;" title="粗体" unselectable="on"><i class="fa fa-bold" name="bold" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="删除线" unselectable="on"><i class="fa fa-strikethrough" name="del" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="斜体" unselectable="on"><i class="fa fa-italic" name="italic" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="引用" unselectable="on"><i class="fa fa-quote-left" name="quote" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="将每个单词首字母转成大写" unselectable="on"><i class="fa" name="ucwords" style="font-size:20px;margin-top: -3px;">Aa</i></a></li>
                                        <li><a href="javascript:;" title="将所选转换成大写" unselectable="on"><i class="fa fa-font" name="uppercase" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="将所选转换成小写" unselectable="on"><i class="fa" name="lowercase" style="font-size:24px;margin-top: -10px;">a</i></a></li>
                                        <li class="divider" unselectable="on">|</li><li><a href="javascript:;" title="标题1" unselectable="on"><i class="fa editormd-bold" name="h1" unselectable="on">H1</i></a></li>
                                        <li><a href="javascript:;" title="标题2" unselectable="on"><i class="fa editormd-bold" name="h2" unselectable="on">H2</i></a></li>
                                        <li><a href="javascript:;" title="标题3" unselectable="on"><i class="fa editormd-bold" name="h3" unselectable="on">H3</i></a></li>
                                        <li><a href="javascript:;" title="标题4" unselectable="on"><i class="fa editormd-bold" name="h4" unselectable="on">H4</i></a></li>
                                        <li><a href="javascript:;" title="标题5" unselectable="on"><i class="fa editormd-bold" name="h5" unselectable="on">H5</i></a></li>
                                        <li><a href="javascript:;" title="标题6" unselectable="on"><i class="fa editormd-bold" name="h6" unselectable="on">H6</i></a></li>
                                        <li class="divider" unselectable="on">|</li><li><a href="javascript:;" title="无序列表" unselectable="on"><i class="fa fa-list-ul" name="list-ul" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="有序列表" unselectable="on"><i class="fa fa-list-ol" name="list-ol" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="横线" unselectable="on"><i class="fa fa-minus" name="hr" unselectable="on"></i></a></li>
                                        <li class="divider" unselectable="on">|</li><li><a href="javascript:;" title="链接" unselectable="on"><i class="fa fa-link" name="link" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="引用链接" unselectable="on"><i class="fa fa-anchor" name="reference-link" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="添加图片" unselectable="on"><i class="fa fa-picture-o" name="image" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="行内代码" unselectable="on"><i class="fa fa-code" name="code" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="预格式文本 / 代码块（缩进风格）" unselectable="on"><i class="fa fa-file-code-o" name="preformatted-text" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="代码块（多语言风格）" unselectable="on"><i class="fa fa-file-code-o" name="code-block" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="添加表格" unselectable="on"><i class="fa fa-table" name="table" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="日期时间" unselectable="on"><i class="fa fa-clock-o" name="datetime" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="Emoji表情" unselectable="on"><i class="fa fa-smile-o" name="emoji" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="HTML实体字符" unselectable="on"><i class="fa fa-copyright" name="html-entities" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="插入分页符" unselectable="on"><i class="fa fa-newspaper-o" name="pagebreak" unselectable="on"></i></a></li>
                                        <li class="divider" unselectable="on">|</li><li><a href="javascript:;" title="跳转到行" unselectable="on"><i class="fa fa-terminal" name="goto-line" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="关闭实时预览" unselectable="on"><i class="fa fa-eye-slash" name="watch" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="全窗口预览HTML（按 Shift + ESC还原）" unselectable="on"><i class="fa fa-desktop" name="preview" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="全屏（按ESC还原）" unselectable="on"><i class="fa fa-arrows-alt" name="fullscreen" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="清空" unselectable="on"><i class="fa fa-eraser" name="clear" unselectable="on"></i></a></li>
                                        <li><a href="javascript:;" title="搜索" unselectable="on"><i class="fa fa-search" name="search" unselectable="on"></i></a></li>
                                        <li class="divider" unselectable="on">|</li><li><a href="javascript:;" title="使用帮助" unselectable="on"><i class="fa fa-question-circle" name="help" unselectable="on"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
</div>
<!--隐藏域-->
<input type="hidden" id="Id" value="@ViewData["Id"]" />

